label {
    display:inline-block
}
.form-control {
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.428571429;
    color:#555555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:0px;
    -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition:border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s
}
.form-control:focus {
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}
.form-control::-moz-placeholder {
    color:#999999;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#999999
}
.form-control::-webkit-input-placeholder {
    color:#999999
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor:not-allowed;
    background-color:#F9F9F9;
    opacity:1
}
textarea.form-control {
    height:auto
}
.form-group {
    margin-bottom:15px
}
.radio,.checkbox {
    display:block;
    min-height:20px;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:20px
}
.radio label,.checkbox label {
    display:inline;
    font-weight:normal;
    cursor:pointer
}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    float:left;
    margin-left:-20px
}
.radio+.radio,.checkbox+.checkbox {
    margin-top:-5px
}
.radio-inline,.checkbox-inline {
    display:inline-block;
    padding-left:20px;
    margin-bottom:0;
    vertical-align:middle;
    font-weight:normal;
    cursor:pointer
}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
    margin-top:0;
    margin-left:10px
}
input[type="radio"][disabled],fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],fieldset[disabled] input[type="checkbox"],.radio[disabled],fieldset[disabled] .radio,.radio-inline[disabled],fieldset[disabled] .radio-inline,.checkbox[disabled],fieldset[disabled] .checkbox,.checkbox-inline[disabled],fieldset[disabled] .checkbox-inline {
    cursor:not-allowed
}
.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    margin-top:0;
    margin-bottom:0;
    padding-top:7px
}
.form-horizontal .radio,.form-horizontal .checkbox {
    min-height:27px
}
.form-horizontal .form-group {
    margin-left:-15px;
    margin-right:-15px
}
.form-horizontal .form-group:before,.form-horizontal .form-group:after {
    content:" ";
    display:table
}
.form-horizontal .form-group:after {
    clear:both
}
.form-horizontal .form-control-static {
    padding-top:7px
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align:right
    }
}
.form-horizontal .has-feedback .form-control-feedback {
    top:0;
    right:15px
}
* {
    margin:0;
    padding:0
}
* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*:before,*:after {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html {
    font-size:62.5%;
    -webkit-tap-highlight-color:transparent
}
input,button,select,textarea {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
.modal-open {
    overflow:hidden
}
.modal {
    display:none;
    overflow:auto;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal.fade .modal-dialog {
    -webkit-transform:translate(0, -25%);
    -ms-transform:translate(0, -25%);
    transform:translate(0, -25%);
    -webkit-transition:-webkit-transform 0.3s ease-out;
    -o-transition:-o-transform 0.3s ease-out;
    transition:-webkit-transform 0.3s ease-out;
    -o-transition:transform 0.3s ease-out;
    transition:transform 0.3s ease-out;
    transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}
.modal.in .modal-dialog {
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0)
}
.modal-dialog {
    position:relative;
    width:auto;
    margin:10px
}
.modal-content {
    position:relative;
    background-color:#fff;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,0.2);
    border-radius:6px;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
    box-shadow:0 3px 9px rgba(0,0,0,0.5);
    background-clip:padding-box;
    outline:none
}
.modal-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop.fade {
    opacity:0;
    filter:alpha(opacity=0)
}
.modal-backdrop.in {
    opacity:0.5;
    filter:alpha(opacity=50)
}
.modal-header {
    padding:15px;
    border-bottom:1px solid #e5e5e5;
    min-height:16.428571429px
}
.modal-header .close {
    margin-top:-2px
}
.modal-title {
    margin:0;
    line-height:1.428571429
}
.modal-body {
    position:relative;
    padding:20px
}
.modal-footer {
    margin-top:15px;
    padding:19px 20px 20px;
    text-align:right;
    border-top:1px solid #e5e5e5
}
.modal-footer:before,.modal-footer:after {
    content:" ";
    display:table
}
.modal-footer:after {
    clear:both
}
.modal-footer .btn+.btn {
    margin-left:5px;
    margin-bottom:0
}
.modal-footer .btn-group .btn+.btn {
    margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
    margin-left:0
}
@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin:30px auto
    }
    .modal-content {
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
        box-shadow:0 5px 15px rgba(0,0,0,0.5)
    }
    .modal-sm {
        width:300px
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}
.container {
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
}
.container:before,.container:after {
    content:" ";
    display:table
}
.container:after {
    clear:both
}
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}
.container-fluid {
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
}
.container-fluid:before,.container-fluid:after {
    content:" ";
    display:table
}
.container-fluid:after {
    clear:both
}
.row {
    margin-left:-15px;
    margin-right:-15px
}
.row:before,.row:after {
    content:" ";
    display:table
}
.row:after {
    clear:both
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float:left
}
.col-xs-1 {
    width:8.3333333333%
}
.col-xs-2 {
    width:16.6666666667%
}
.col-xs-3 {
    width:25%
}
.col-xs-4 {
    width:33.3333333333%
}
.col-xs-5 {
    width:41.6666666667%
}
.col-xs-6 {
    width:50%
}
.col-xs-7 {
    width:58.3333333333%
}
.col-xs-8 {
    width:66.6666666667%
}
.col-xs-9 {
    width:75%
}
.col-xs-10 {
    width:83.3333333333%
}
.col-xs-11 {
    width:91.6666666667%
}
.col-xs-12 {
    width:100%
}
.col-xs-pull-0 {
    right:0%
}
.col-xs-pull-1 {
    right:8.3333333333%
}
.col-xs-pull-2 {
    right:16.6666666667%
}
.col-xs-pull-3 {
    right:25%
}
.col-xs-pull-4 {
    right:33.3333333333%
}
.col-xs-pull-5 {
    right:41.6666666667%
}
.col-xs-pull-6 {
    right:50%
}
.col-xs-pull-7 {
    right:58.3333333333%
}
.col-xs-pull-8 {
    right:66.6666666667%
}
.col-xs-pull-9 {
    right:75%
}
.col-xs-pull-10 {
    right:83.3333333333%
}
.col-xs-pull-11 {
    right:91.6666666667%
}
.col-xs-pull-12 {
    right:100%
}
.col-xs-push-0 {
    left:0%
}
.col-xs-push-1 {
    left:8.3333333333%
}
.col-xs-push-2 {
    left:16.6666666667%
}
.col-xs-push-3 {
    left:25%
}
.col-xs-push-4 {
    left:33.3333333333%
}
.col-xs-push-5 {
    left:41.6666666667%
}
.col-xs-push-6 {
    left:50%
}
.col-xs-push-7 {
    left:58.3333333333%
}
.col-xs-push-8 {
    left:66.6666666667%
}
.col-xs-push-9 {
    left:75%
}
.col-xs-push-10 {
    left:83.3333333333%
}
.col-xs-push-11 {
    left:91.6666666667%
}
.col-xs-push-12 {
    left:100%
}
.col-xs-offset-0 {
    margin-left:0%
}
.col-xs-offset-1 {
    margin-left:8.3333333333%
}
.col-xs-offset-2 {
    margin-left:16.6666666667%
}
.col-xs-offset-3 {
    margin-left:25%
}
.col-xs-offset-4 {
    margin-left:33.3333333333%
}
.col-xs-offset-5 {
    margin-left:41.6666666667%
}
.col-xs-offset-6 {
    margin-left:50%
}
.col-xs-offset-7 {
    margin-left:58.3333333333%
}
.col-xs-offset-8 {
    margin-left:66.6666666667%
}
.col-xs-offset-9 {
    margin-left:75%
}
.col-xs-offset-10 {
    margin-left:83.3333333333%
}
.col-xs-offset-11 {
    margin-left:91.6666666667%
}
.col-xs-offset-12 {
    margin-left:100%
}
@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }
    .col-sm-1 {
        width:8.3333333333%
    }
    .col-sm-2 {
        width:16.6666666667%
    }
    .col-sm-3 {
        width:25%
    }
    .col-sm-4 {
        width:33.3333333333%
    }
    .col-sm-5 {
        width:41.6666666667%
    }
    .col-sm-6 {
        width:50%
    }
    .col-sm-7 {
        width:58.3333333333%
    }
    .col-sm-8 {
        width:66.6666666667%
    }
    .col-sm-9 {
        width:75%
    }
    .col-sm-10 {
        width:83.3333333333%
    }
    .col-sm-11 {
        width:91.6666666667%
    }
    .col-sm-12 {
        width:100%
    }
    .col-sm-pull-0 {
        right:0%
    }
    .col-sm-pull-1 {
        right:8.3333333333%
    }
    .col-sm-pull-2 {
        right:16.6666666667%
    }
    .col-sm-pull-3 {
        right:25%
    }
    .col-sm-pull-4 {
        right:33.3333333333%
    }
    .col-sm-pull-5 {
        right:41.6666666667%
    }
    .col-sm-pull-6 {
        right:50%
    }
    .col-sm-pull-7 {
        right:58.3333333333%
    }
    .col-sm-pull-8 {
        right:66.6666666667%
    }
    .col-sm-pull-9 {
        right:75%
    }
    .col-sm-pull-10 {
        right:83.3333333333%
    }
    .col-sm-pull-11 {
        right:91.6666666667%
    }
    .col-sm-pull-12 {
        right:100%
    }
    .col-sm-push-0 {
        left:0%
    }
    .col-sm-push-1 {
        left:8.3333333333%
    }
    .col-sm-push-2 {
        left:16.6666666667%
    }
    .col-sm-push-3 {
        left:25%
    }
    .col-sm-push-4 {
        left:33.3333333333%
    }
    .col-sm-push-5 {
        left:41.6666666667%
    }
    .col-sm-push-6 {
        left:50%
    }
    .col-sm-push-7 {
        left:58.3333333333%
    }
    .col-sm-push-8 {
        left:66.6666666667%
    }
    .col-sm-push-9 {
        left:75%
    }
    .col-sm-push-10 {
        left:83.3333333333%
    }
    .col-sm-push-11 {
        left:91.6666666667%
    }
    .col-sm-push-12 {
        left:100%
    }
    .col-sm-offset-0 {
        margin-left:0%
    }
    .col-sm-offset-1 {
        margin-left:8.3333333333%
    }
    .col-sm-offset-2 {
        margin-left:16.6666666667%
    }
    .col-sm-offset-3 {
        margin-left:25%
    }
    .col-sm-offset-4 {
        margin-left:33.3333333333%
    }
    .col-sm-offset-5 {
        margin-left:41.6666666667%
    }
    .col-sm-offset-6 {
        margin-left:50%
    }
    .col-sm-offset-7 {
        margin-left:58.3333333333%
    }
    .col-sm-offset-8 {
        margin-left:66.6666666667%
    }
    .col-sm-offset-9 {
        margin-left:75%
    }
    .col-sm-offset-10 {
        margin-left:83.3333333333%
    }
    .col-sm-offset-11 {
        margin-left:91.6666666667%
    }
    .col-sm-offset-12 {
        margin-left:100%
    }
}
@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }
    .col-md-1 {
        width:8.3333333333%
    }
    .col-md-2 {
        width:16.6666666667%
    }
    .col-md-3 {
        width:25%
    }
    .col-md-4 {
        width:33.3333333333%
    }
    .col-md-5 {
        width:41.6666666667%
    }
    .col-md-6 {
        width:50%
    }
    .col-md-7 {
        width:58.3333333333%
    }
    .col-md-8 {
        width:66.6666666667%
    }
    .col-md-9 {
        width:75%
    }
    .col-md-10 {
        width:83.3333333333%
    }
    .col-md-11 {
        width:91.6666666667%
    }
    .col-md-12 {
        width:100%
    }
    .col-md-pull-0 {
        right:0%
    }
    .col-md-pull-1 {
        right:8.3333333333%
    }
    .col-md-pull-2 {
        right:16.6666666667%
    }
    .col-md-pull-3 {
        right:25%
    }
    .col-md-pull-4 {
        right:33.3333333333%
    }
    .col-md-pull-5 {
        right:41.6666666667%
    }
    .col-md-pull-6 {
        right:50%
    }
    .col-md-pull-7 {
        right:58.3333333333%
    }
    .col-md-pull-8 {
        right:66.6666666667%
    }
    .col-md-pull-9 {
        right:75%
    }
    .col-md-pull-10 {
        right:83.3333333333%
    }
    .col-md-pull-11 {
        right:91.6666666667%
    }
    .col-md-pull-12 {
        right:100%
    }
    .col-md-push-0 {
        left:0%
    }
    .col-md-push-1 {
        left:8.3333333333%
    }
    .col-md-push-2 {
        left:16.6666666667%
    }
    .col-md-push-3 {
        left:25%
    }
    .col-md-push-4 {
        left:33.3333333333%
    }
    .col-md-push-5 {
        left:41.6666666667%
    }
    .col-md-push-6 {
        left:50%
    }
    .col-md-push-7 {
        left:58.3333333333%
    }
    .col-md-push-8 {
        left:66.6666666667%
    }
    .col-md-push-9 {
        left:75%
    }
    .col-md-push-10 {
        left:83.3333333333%
    }
    .col-md-push-11 {
        left:91.6666666667%
    }
    .col-md-push-12 {
        left:100%
    }
    .col-md-offset-0 {
        margin-left:0%
    }
    .col-md-offset-1 {
        margin-left:8.3333333333%
    }
    .col-md-offset-2 {
        margin-left:16.6666666667%
    }
    .col-md-offset-3 {
        margin-left:25%
    }
    .col-md-offset-4 {
        margin-left:33.3333333333%
    }
    .col-md-offset-5 {
        margin-left:41.6666666667%
    }
    .col-md-offset-6 {
        margin-left:50%
    }
    .col-md-offset-7 {
        margin-left:58.3333333333%
    }
    .col-md-offset-8 {
        margin-left:66.6666666667%
    }
    .col-md-offset-9 {
        margin-left:75%
    }
    .col-md-offset-10 {
        margin-left:83.3333333333%
    }
    .col-md-offset-11 {
        margin-left:91.6666666667%
    }
    .col-md-offset-12 {
        margin-left:100%
    }
}
@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }
    .col-lg-1 {
        width:8.3333333333%
    }
    .col-lg-2 {
        width:16.6666666667%
    }
    .col-lg-3 {
        width:25%
    }
    .col-lg-4 {
        width:33.3333333333%
    }
    .col-lg-5 {
        width:41.6666666667%
    }
    .col-lg-6 {
        width:50%
    }
    .col-lg-7 {
        width:58.3333333333%
    }
    .col-lg-8 {
        width:66.6666666667%
    }
    .col-lg-9 {
        width:75%
    }
    .col-lg-10 {
        width:83.3333333333%
    }
    .col-lg-11 {
        width:91.6666666667%
    }
    .col-lg-12 {
        width:100%
    }
    .col-lg-pull-0 {
        right:0%
    }
    .col-lg-pull-1 {
        right:8.3333333333%
    }
    .col-lg-pull-2 {
        right:16.6666666667%
    }
    .col-lg-pull-3 {
        right:25%
    }
    .col-lg-pull-4 {
        right:33.3333333333%
    }
    .col-lg-pull-5 {
        right:41.6666666667%
    }
    .col-lg-pull-6 {
        right:50%
    }
    .col-lg-pull-7 {
        right:58.3333333333%
    }
    .col-lg-pull-8 {
        right:66.6666666667%
    }
    .col-lg-pull-9 {
        right:75%
    }
    .col-lg-pull-10 {
        right:83.3333333333%
    }
    .col-lg-pull-11 {
        right:91.6666666667%
    }
    .col-lg-pull-12 {
        right:100%
    }
    .col-lg-push-0 {
        left:0%
    }
    .col-lg-push-1 {
        left:8.3333333333%
    }
    .col-lg-push-2 {
        left:16.6666666667%
    }
    .col-lg-push-3 {
        left:25%
    }
    .col-lg-push-4 {
        left:33.3333333333%
    }
    .col-lg-push-5 {
        left:41.6666666667%
    }
    .col-lg-push-6 {
        left:50%
    }
    .col-lg-push-7 {
        left:58.3333333333%
    }
    .col-lg-push-8 {
        left:66.6666666667%
    }
    .col-lg-push-9 {
        left:75%
    }
    .col-lg-push-10 {
        left:83.3333333333%
    }
    .col-lg-push-11 {
        left:91.6666666667%
    }
    .col-lg-push-12 {
        left:100%
    }
    .col-lg-offset-0 {
        margin-left:0%
    }
    .col-lg-offset-1 {
        margin-left:8.3333333333%
    }
    .col-lg-offset-2 {
        margin-left:16.6666666667%
    }
    .col-lg-offset-3 {
        margin-left:25%
    }
    .col-lg-offset-4 {
        margin-left:33.3333333333%
    }
    .col-lg-offset-5 {
        margin-left:41.6666666667%
    }
    .col-lg-offset-6 {
        margin-left:50%
    }
    .col-lg-offset-7 {
        margin-left:58.3333333333%
    }
    .col-lg-offset-8 {
        margin-left:66.6666666667%
    }
    .col-lg-offset-9 {
        margin-left:75%
    }
    .col-lg-offset-10 {
        margin-left:83.3333333333%
    }
    .col-lg-offset-11 {
        margin-left:91.6666666667%
    }
    .col-lg-offset-12 {
        margin-left:100%
    }
}
.tooltip {
    position:absolute;
    z-index:1030;
    display:block;
    visibility:visible;
    font-size:12px;
    line-height:1.4;
    opacity:0;
    filter:alpha(opacity=0)
}
.tooltip.in {
    opacity:0.9;
    filter:alpha(opacity=90)
}
.tooltip.top {
    margin-top:-3px;
    padding:5px 0
}
.tooltip.right {
    margin-left:3px;
    padding:0 5px
}
.tooltip.bottom {
    margin-top:3px;
    padding:5px 0
}
.tooltip.left {
    margin-left:-3px;
    padding:0 5px
}
.tooltip-inner {
    max-width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#415058;
    border-radius:0px
}
.tooltip-arrow {
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.tooltip.top .tooltip-arrow {
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-width:5px 5px 0;
    border-top-color:#415058
}
.tooltip.top-left .tooltip-arrow {
    bottom:0;
    left:5px;
    border-width:5px 5px 0;
    border-top-color:#415058
}
.tooltip.top-right .tooltip-arrow {
    bottom:0;
    right:5px;
    border-width:5px 5px 0;
    border-top-color:#415058
}
.tooltip.right .tooltip-arrow {
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color:#415058
}
.tooltip.left .tooltip-arrow {
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color:#415058
}
.tooltip.bottom .tooltip-arrow {
    top:0;
    left:50%;
    margin-left:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#415058
}
.tooltip.bottom-left .tooltip-arrow {
    top:0;
    left:5px;
    border-width:0 5px 5px;
    border-bottom-color:#415058
}
.tooltip.bottom-right .tooltip-arrow {
    top:0;
    right:5px;
    border-width:0 5px 5px;
    border-bottom-color:#415058
}
.ps-container {
    -ms-touch-action:none;
    touch-action:none;
    overflow:hidden !important;
    -ms-overflow-style:none
}
@supports (-ms-overflow-style: none) {
    .ps-container {
        overflow:auto !important
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
        overflow:auto !important
    }
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display:block;
    background-color:transparent
}
.ps-container.ps-in-scrolling {
    pointer-events:none
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color:#eee;
    opacity:0.9
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color:#999
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color:#eee;
    opacity:0.9
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color:#999
}
.ps-container>.ps-scrollbar-x-rail {
    display:none;
    position:absolute;
    border-radius:4px;
    opacity:0;
    -webkit-transition:background-color .2s linear, opacity .2s linear;
    -o-transition:background-color .2s linear, opacity .2s linear;
    transition:background-color .2s linear, opacity .2s linear;
    bottom:3px;
    height:8px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position:absolute;
    background-color:#aaa;
    border-radius:4px;
    -webkit-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear;
    bottom:0;
    height:8px
}
.ps-container>.ps-scrollbar-y-rail {
    display:none;
    position:absolute;
    border-radius:4px;
    opacity:0;
    -webkit-transition:background-color .2s linear, opacity .2s linear;
    -o-transition:background-color .2s linear, opacity .2s linear;
    transition:background-color .2s linear, opacity .2s linear;
    right:3px;
    width:8px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position:absolute;
    background-color:#aaa;
    border-radius:4px;
    -webkit-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear;
    right:0;
    width:8px
}
.ps-container:hover.ps-in-scrolling {
    pointer-events:none
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color:#eee;
    opacity:0.9
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color:#999
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color:#eee;
    opacity:0.9
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color:#999
}
.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail {
    opacity:0.6
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color:#eee;
    opacity:0.9
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color:#999
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color:#eee;
    opacity:0.9
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color:#999
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/.animated {
      -webkit-animation-duration:1s;
      animation-duration:1s;
      -webkit-animation-fill-mode:backwards;
      animation-fill-mode:backwards
  }
.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge {
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut {
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash {
    from, 50%, to {
        opacity:1
    }
    25%, 75% {
        opacity:0
    }
}
@keyframes flash {
    from, 50%, to {
        opacity:1
    }
    25%, 75% {
        opacity:0
    }
}
.flash {
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse {
    from {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform:scale3d(1.05, 1.05, 1.05);
        transform:scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    from {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform:scale3d(1.05, 1.05, 1.05);
        transform:scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.pulse {
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand {
    from {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    to {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes rubberBand {
    from {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    to {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.rubberBand {
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake {
    from, to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    from, to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform:rotate3d(0, 0, 1, 15deg);
        transform:rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform:rotate3d(0, 0, 1, -10deg);
        transform:rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform:rotate3d(0, 0, 1, 5deg);
        transform:rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform:rotate3d(0, 0, 1, -5deg);
        transform:rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform:rotate3d(0, 0, 1, 15deg);
        transform:rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform:rotate3d(0, 0, 1, -10deg);
        transform:rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform:rotate3d(0, 0, 1, 5deg);
        transform:rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform:rotate3d(0, 0, 1, -5deg);
        transform:rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg)
    }
}
.swing {
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada {
    from {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes tada {
    from {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.tada {
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble {
    from {
        -webkit-transform:none;
        transform:none
    }
    15% {
        -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes wobble {
    from {
        -webkit-transform:none;
        transform:none
    }
    15% {
        -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform:none;
        transform:none
    }
}
.wobble {
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform:none;
        transform:none
    }
    22.2% {
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
        transform:skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}
@keyframes jello {
    from, 11.1%, to {
        -webkit-transform:none;
        transform:none
    }
    22.2% {
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
        transform:skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}
.jello {
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform:scale3d(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform:scale3d(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.bounceIn {
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, -3000px, 0);
        transform:translate3d(0, -3000px, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0, 25px, 0);
        transform:translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, 5px, 0);
        transform:translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, -3000px, 0);
        transform:translate3d(0, -3000px, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0, 25px, 0);
        transform:translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, 5px, 0);
        transform:translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform:none;
        transform:none
    }
}
.bounceInDown {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform:translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform:translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform:none;
        transform:none
    }
}
.bounceInLeft {
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity:0;
        -webkit-transform:translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform:translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity:0;
        -webkit-transform:translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform:translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform:none;
        transform:none
    }
}
.bounceInRight {
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity:0;
        -webkit-transform:translate3d(0, 3000px, 0);
        transform:translate3d(0, 3000px, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform:translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity:0;
        -webkit-transform:translate3d(0, 3000px, 0);
        transform:translate3d(0, 3000px, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform:translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.bounceInUp {
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity:1;
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity:1;
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
}
.bounceOut {
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform:translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity:1;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform:translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity:1;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
.bounceOutDown {
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity:1;
        -webkit-transform:translate3d(20px, 0, 0);
        transform:translate3d(20px, 0, 0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity:1;
        -webkit-transform:translate3d(20px, 0, 0);
        transform:translate3d(20px, 0, 0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft {
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity:1;
        -webkit-transform:translate3d(-20px, 0, 0);
        transform:translate3d(-20px, 0, 0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity:1;
        -webkit-transform:translate3d(-20px, 0, 0);
        transform:translate3d(-20px, 0, 0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
.bounceOutRight {
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity:1;
        -webkit-transform:translate3d(0, 20px, 0);
        transform:translate3d(0, 20px, 0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity:1;
        -webkit-transform:translate3d(0, 20px, 0);
        transform:translate3d(0, 20px, 0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
.bounceOutUp {
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes fadeIn {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
.fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownBig {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDownBig {
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    from {
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeftBig {
    from {
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeftBig {
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    from {
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRightBig {
    from {
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRightBig {
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUpBig {
    from {
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUpBig {
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
    from {
        opacity:1
    }
    to {
        opacity:0
    }
}
@keyframes fadeOut {
    from {
        opacity:1
    }
    to {
        opacity:0
    }
}
.fadeOut {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft {
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
.fadeOutUp {
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
    from {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40% {
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50% {
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80% {
        -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip {
    from {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40% {
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50% {
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80% {
        -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX {
    from {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX {
    from {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY {
    from {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX {
    from {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity:1
    }
    to {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity:0
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity:1
    }
    to {
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity:0
    }
}
.flipOutX {
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible !important;
    backface-visibility:visible !important
}
@-webkit-keyframes flipOutY {
    from {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity:1
    }
    to {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity:0
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity:1
    }
    to {
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity:0
    }
}
.flipOutY {
    -webkit-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
        transform:translate3d(100%, 0, 0) skewX(-30deg);
        opacity:0
    }
    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    to {
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes lightSpeedIn {
    from {
        -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
        transform:translate3d(100%, 0, 0) skewX(-30deg);
        opacity:0
    }
    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    to {
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.lightSpeedIn {
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut {
    from {
        opacity:1
    }
    to {
        -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
        transform:translate3d(100%, 0, 0) skewX(30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut {
    from {
        opacity:1
    }
    to {
        -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
        transform:translate3d(100%, 0, 0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut {
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, -200deg);
        transform:rotate3d(0, 0, 1, -200deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateIn {
    from {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, -200deg);
        transform:rotate3d(0, 0, 1, -200deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateIn {
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft {
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight {
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft {
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -90deg);
        transform:rotate3d(0, 0, 1, -90deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -90deg);
        transform:rotate3d(0, 0, 1, -90deg);
        opacity:0
    }
    to {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight {
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    to {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, 200deg);
        transform:rotate3d(0, 0, 1, 200deg);
        opacity:0
    }
}
@keyframes rotateOut {
    from {
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    to {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, 200deg);
        transform:rotate3d(0, 0, 1, 200deg);
        opacity:0
    }
}
.rotateOut {
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
}
.rotateOutDownRight {
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 90deg);
        transform:rotate3d(0, 0, 1, 90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 90deg);
        transform:rotate3d(0, 0, 1, 90deg);
        opacity:0
    }
}
.rotateOutUpRight {
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%, 60% {
        -webkit-transform:rotate3d(0, 0, 1, 80deg);
        transform:rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%, 80% {
        -webkit-transform:rotate3d(0, 0, 1, 60deg);
        transform:rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to {
        -webkit-transform:translate3d(0, 700px, 0);
        transform:translate3d(0, 700px, 0);
        opacity:0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%, 60% {
        -webkit-transform:rotate3d(0, 0, 1, 80deg);
        transform:rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%, 80% {
        -webkit-transform:rotate3d(0, 0, 1, 60deg);
        transform:rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to {
        -webkit-transform:translate3d(0, 700px, 0);
        transform:translate3d(0, 700px, 0);
        opacity:0
    }
}
.hinge {
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn {
    from {
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes rollIn {
    from {
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.rollIn {
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
@keyframes rollOut {
    from {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
.rollOut {
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity:1
    }
}
@keyframes zoomIn {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity:1
    }
}
.zoomIn {
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInDown {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInDown {
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInLeft {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInLeft {
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInRight {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInRight {
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInUp {
    from {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInUp {
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
    from {
        opacity:1
    }
    50% {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity:0
    }
}
@keyframes zoomOut {
    from {
        opacity:1
    }
    50% {
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity:0
    }
}
.zoomOut {
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutDown {
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
        transform:scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
        transform:scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
.zoomOutLeft {
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
        transform:scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
        transform:scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
.zoomOutRight {
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutUp {
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInDown {
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInLeft {
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInRight {
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp {
    from {
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInUp {
    from {
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInUp {
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
.slideOutDown {
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
.slideOutLeft {
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
@keyframes slideOutRight {
    from {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
.slideOutRight {
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.tooltip-inner {
    padding:3px 7px;
    word-wrap:break-word;
    border-radius:2px
}
.ps-container {
    position:relative
}
.ps-container>.ps-scrollbar-x-rail {
    height:6px;
    margin-bottom:-3px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    height:6px;
    background-color:rgba(0,0,0,0.3)
}
.ps-container>.ps-scrollbar-y-rail {
    width:6px;
    margin-right:-3px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    width:6px;
    background-color:rgba(0,0,0,0.3)
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x,.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color:rgba(0,0,0,0.5)
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color:rgba(0,0,0,0.5)
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x,.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color:rgba(0,0,0,0.5)
}
.mb-hr {
    margin-bottom:30px;
    border-bottom:1px solid #DEDFE1;
    text-align:center
}
.mb-hr h5,.mb-hr h6 {
    display:inline-block;
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%);
    background:#f9f9f9;
    padding:0 15px;
    font-size:14px;
    color:#B1B1B6;
    font-weight:normal
}
.mb-default-avatar {
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    color:white;
    background:#f55d54;
    font-size:14px;
    border-radius:50%
}
.ladda-button {
    border-radius:0px
}
.ladda-button[disabled],.ladda-button[data-loading] {
    border-color:#f55d54;
    background:#f55d54
}
.ladda-button[disabled]:hover,.ladda-button[data-loading]:hover {
    background:#f55d54
}
.circle {
    font-family:"Trebuchet MS", Verdana;
    display:inline-block;
    color:#444;
    font-size:20px;
    height:26px;
    width:26px;
    line-height:19px;
    padding:3px 0;
    text-align:center;
    border-radius:100%;
    text-decoration:none;
    margin:2px 0;
    opacity:0.6;
    position:relative;
    cursor:pointer
}
.circle.large {
    height:36px;
    width:36px;
    line-height:30px;
    padding:3px 0;
    margin:2px 5px;
    font-size:19px;
    border:1px solid #444
}
.circle.logo {
    padding:0;
    border:none
}
.circle.logo img {
    width:100%;
    height:100%
}
.circle:hover {
    opacity:1
}
.circle:hover span {
    visibility:visible
}
.circle span {
    position:absolute;
    top:100%;
    left:50%;
    font-size:14px;
    width:100px;
    margin-left:-50px;
    visibility:hidden;
    display:inline-block
}
.safe-mask {
    display:none;
    position:fixed;
    z-index:200;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(245,245,245,0.5)
}
.safe-mask .indicator {
    position:absolute;
    width:400px;
    height:200px;
    top:20%;
    left:50%;
    margin-left:-200px;
    text-align:center
}
.safe-mask .indicator a {
    color:#f55d54;
    cursor:pointer
}
.safe-mask .indicator .spinner {
    width:50px;
    height:50px;
    border-width:1px;
    border-color:#f55d54 transparent;
    margin-bottom:20px
}
.safe-mask .indicator .text {
    margin-top:10px;
    font-size:18px;
    line-height:28px
}
#safemode {
    z-index:1060
}
.radio-inline,.checkbox-inline,.checkbox {
    font-size:12px;
    line-height:14px;
    font-weight:bold
}
.checkbox-inline,.checkbox {
    line-height:12px
}
.clearfix {
    clear:both
}
body.embed {
    background:transparent
}
body.embed #sticky-container {
    display:none
}
body.embed #project-shell {
    position:absolute;
    background-size:100% 100%;
    width:100%;
    height:100%;
    z-index:4;
    pointer-events:none
}
body.embed #project-shell.default {
    -webkit-box-shadow:0px 0px 20px #666;
    box-shadow:0px 0px 20px #666;
    background-color:#444;
    border-radius:10px;
    z-index:1
}
body.embed #project-shell.iphone_5 {
    background-image:url("../images/devices/iphone_se.png")
}
body.embed #project-shell.iphone_5.landscape {
    background-image:url("../images/devices/iphone_se_land.png")
}
body.embed #project-shell.iphone_6 {
    background-image:url("../images/devices/iphone_7.png")
}
body.embed #project-shell.iphone_6.landscape {
    background-image:url("../images/devices/iphone_7_land.png")
}
body.embed #project-shell.iphone_6_plus {
    background-image:url("../images/devices/iphone_7_plus.png")
}
body.embed #project-shell.iphone_6_plus.landscape {
    background-image:url("../images/devices/iphone_7_plus_land.png")
}
body.embed #project-shell.iphone_x {
    background-image:url("../images/devices/iphone_x.png")
}
body.embed #project-shell.iphone_x.landscape {
    background-image:url("../images/devices/iphone_x_land.png")
}
body.embed #project-shell.android {
    background-image:url("../images/devices/nexus_5.png")
}
body.embed #project-shell.android.landscape {
    background-image:url("../images/devices/nexus_5_land.png")
}
body.embed #project-shell.huawei {
    background-image:url("../images/devices/huawei_p9.png")
}
body.embed #project-shell.huawei.landscape {
    background-image:url("../images/devices/huawei_p9_land.png")
}
body.embed #project-shell.samsung {
    background-image:url("../images/devices/samsung_s7.png")
}
body.embed #project-shell.samsung.landscape {
    background-image:url("../images/devices/samsung_s7_land.png")
}
body.embed #project-shell.google_pixel_2_xl {
    background-image:url("../images/devices/google_pixel_2_xl.png")
}
body.embed #project-shell.google_pixel_2_xl.landscape {
    background-image:url("../images/devices/google_pixel_2_xl_land.png")
}
body.embed #project-shell.google_pixel_2 {
    background-image:url("../images/devices/google_pixel_2.png")
}
body.embed #project-shell.google_pixel_2.landscape {
    background-image:url("../images/devices/google_pixel_2_land.png")
}
body.embed #project-shell.ipad {
    background-image:url("../images/devices/ipad.png")
}
body.embed #project-shell.ipad.landscape {
    background-image:url("../images/devices/ipad_land.png")
}
body.embed #device {
    position:absolute;
    top:20px;
    left:20px;
    background-size:100%
}
body.embed #device #workspace {
    position:absolute;
    z-index:2
}
body.embed #device #splash {
    position:absolute;
    overflow:hidden
}
body.embed .spinner {
    display:none
}
body.embed #mask {
    position:absolute;
    z-index:3;
    background:rgba(0,0,0,0.3);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body.embed #mask:hover {
    background:rgba(0,0,0,0.35)
}
body.embed #mask #play {
    font-size:64px;
    color:#fff;
    opacity:0.7;
    cursor:pointer
}
body.embed #mask #play:hover {
    opacity:1
}
body.mobile #simulator #app {
    overflow:visible
}
body.mobile #simulator #app .pcanvas {
    overflow:visible
}
body.mobile #simulator .ppanel {
    overflow:auto
}
body.mobile #simulator .map_view .image {
    overflow:auto
}
#simulator {
    -webkit-transform-origin:top left;
    -ms-transform-origin:top left;
    transform-origin:top left;
    background-size:100% 100%;
    position:relative;
    z-index:4
}
#simulator .group,#simulator .ppanel {
    pointer-events:none
}
#simulator .group.clickable,#simulator .ppanel.clickable {
    pointer-events:auto
}
#simulator .group .widget,#simulator .ppanel .widget {
    pointer-events:auto
}
#simulator .ppanel {
    overflow:hidden
}
#simulator .ppanel .state:not(.active) {
    display:none
}
#simulator .pg,#simulator .webpage span,#simulator .webpage .notice {
    display:none
}
#simulator .lr {
    background:transparent;
    opacity:1
}
#simulator .clickable>.region {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-color:rgba(254,157,96,0.3);
    z-index:100;
    display:none;
    background-repeat:no-repeat;
    background-position:50%
}
#simulator .pg {
    left:50%;
    margin-left:-20px;
    z-index:110;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#simulator .pg.stap {
    top:10px
}
#simulator .pg.sleft {
    top:60px
}
#simulator .pg.sright {
    top:120px
}
#simulator .pg.sup {
    top:180px
}
#simulator .pg.sdown {
    top:240px
}
#simulator .pg.sshake {
    top:300px
}
#simulator .pg.sdtap {
    top:300px
}
#simulator #app {
    display:none;
    background:#f0f0f2;
    width:100%;
    height:100%;
    position:absolute;
    background-size:100% auto;
    z-index:1
}
#simulator #app .pstate .pscontainer {
    position:absolute;
    overflow:hidden;
    width:100%;
    height:100%;
    z-index:1
}
#simulator #app .pcanvas {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
#simulator #app .pcanvas .screen-header,#simulator #app .pcanvas .screen-footer {
    position:relative;
    overflow:hidden
}
#simulator #app .pcanvas .screen-footer .footer-widgets {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#simulator #app .pcanvas .screen-content {
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
#simulator #app .pcanvas .screen-content .iScrollVerticalScrollbar {
    z-index:2147483647 !important
}
#simulator #app .pcanvas,#simulator #app .pstate {
    -webkit-transition:all 10ms ease-in-out;
    -o-transition:all 10ms ease-in-out;
    transition:all 10ms ease-in-out;
    z-index:1;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:transparent;
    background-repeat:repeat;
    background-position:top left;
    background-size:100% auto;
    overflow:visible
}
#simulator #app .pcanvas .widgets,#simulator #app .pcanvas .pwidgets,#simulator #app .pstate .widgets,#simulator #app .pstate .pwidgets {
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden
}
#simulator #app .pcanvas .widgets .scontainer,#simulator #app .pcanvas .pwidgets .scontainer,#simulator #app .pstate .widgets .scontainer,#simulator #app .pstate .pwidgets .scontainer {
    position:absolute;
    overflow:hidden;
    width:100%
}
#simulator #app .pcanvas.active,#simulator #app .pstate.active {
    left:0px;
    z-index:3
}
#simulator #app .pcanvas.menu,#simulator #app .pstate.menu {
    -webkit-box-shadow:0 0 8px #aaa;
    box-shadow:0 0 8px #aaa
}
#simulator #app .pcanvas.lmenu,#simulator #app .pstate.lmenu {
    border-left:1px solid #bbb
}
#simulator #app .pcanvas.rmenu,#simulator #app .pstate.rmenu {
    border-right:1px solid #bbb
}
#simulator #app .pcanvas.drawer,#simulator #app .pstate.drawer {
    z-index:4;
    -webkit-box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22),0 0 10px 1000px rgba(0,0,0,0.2);
    box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22),0 0 10px 1000px rgba(0,0,0,0.2)
}
#simulator #app .pcanvas.top,#simulator #app .pstate.top {
    z-index:5
}
.splash {
    position:absolute;
    width:100%;
    height:100%;
    background:#f5f5f5;
    overflow:hidden;
    margin-bottom:500px;
    top:0;
    z-index:2
}
.splash img {
    position:absolute;
    width:100%;
    height:100%
}
.splash .loading {
    position:absolute;
    top:50%;
    width:100%;
    height:30px;
    text-align:center
}
.landscape .splash img {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:bottom left;
    -ms-transform-origin:bottom left;
    transform-origin:bottom left
}
#app {
    overflow:hidden
}
.android .navigation_bar,.android .nav_bar {
    height:55px
}
.android .status_bar {
    background:#555;
    color:#FFF;
    height:23px
}
.android .status_bar .time {
    left:auto;
    right:10px;
    width:auto;
    line-height:12px;
    font-size:13px
}
.android .status_bar .carrier,.android .status_bar .meridian {
    display:none
}
.android .status_bar .signal {
    position:absolute;
    margin:0;
    right:72px;
    width:12px;
    height:12px;
    overflow:hidden;
    color:white
}
.android .status_bar .signal .ball {
    position:absolute;
    top:4px;
    left:4px;
    width:16px;
    height:16px;
    border-radius:0;
    -webkit-transform:translate3d(0, 0, 0) rotate(45deg);
    transform:translate3d(0, 0, 0) rotate(45deg)
}
.android .status_bar .battery {
    right:52px;
    width:8px;
    height:14px
}
.android .status_bar .battery .head {
    top:0px;
    right:1px;
    width:5px;
    background:white
}
.android .status_bar .battery .body {
    top:1px;
    right:0px;
    width:8px;
    height:12px;
    background:white;
    border-radius:0;
    border:none
}
.android .status_bar .battery .body .inner {
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:white
}
.android .status_bar.dark {
    background:#444
}
.android .status_bar.indigo {
    background:#303f9f
}
.android .status_bar.pink {
    background:#c2185b
}
.android .status_bar.red {
    background:#d01716
}
.android .status_bar.teal {
    background:#00796b
}
.android .status_bar.green {
    background:#0a7e07
}
.android .status_bar.orange {
    background:#e64a19
}
.android .status_bar.purple {
    background:#7b1fa2
}
.android .status_bar.grey {
    background:#455a64
}
.android .status_bar.blue {
    background:#455ede
}
.android .status_bar.cyan {
    background:#0097a7
}
.android .status_bar.lblue {
    background:#0288d1
}
.android .status_bar.dpurple {
    background:#512da8
}
.android .status_bar.lgreen {
    background:#689f38
}
.android .status_bar.lorange {
    background:#f57c00
}
.ipad .status_bar .signal,.iphone:not(.iphone_x) .status_bar .signal {
    left:1.5%;
    height:6px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.ipad .status_bar .signal .ball,.iphone:not(.iphone_x) .status_bar .signal .ball {
    width:6px;
    height:6px;
    border-radius:100%
}
.ipad .status_bar .signal {
    left:0.8%
}
.iphone_x.landscape .status_bar .time {
    left:6%
}
.iphone_x.landscape .status_bar .wifi {
    right:9.5%
}
.iphone_x .status_bar {
    height:44px
}
.iphone_x .status_bar .time {
    left:13%;
    font-size:13px;
    font-weight:bold
}
.iphone_x .status_bar .time .meridian {
    display:none
}
.iphone_x .status_bar .carrier {
    display:none
}
.iphone_x .status_bar .signal {
    right:17%;
    height:9px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.iphone_x .status_bar .signal .ball {
    bottom:0;
    width:3px;
    border-radius:0
}
.iphone_x .status_bar .signal .ball:nth-child(1) {
    height:3px
}
.iphone_x .status_bar .signal .ball:nth-child(2) {
    height:5px
}
.iphone_x .status_bar .signal .ball:nth-child(3) {
    height:7px
}
.iphone_x .status_bar .signal .ball:nth-child(4) {
    height:9px
}
.iphone_x .status_bar .signal .ball:nth-child(n+5) {
    display:none
}
.iphone_x .status_bar .wifi {
    display:block;
    position:absolute;
    font-size:16px;
    left:initial;
    right:11.5%
}
.iphone_x .status_bar .battery {
    left:initial;
    right:4%
}
.panel {
    position:absolute;
    z-index:5;
    overflow:hidden
}
.panel.highlight {
    background-color:RGBA(223, 140, 0, 0.6) !important
}
.panel.highlight .state {
    opacity:0.5 !important
}
.panel .pg {
    display:none
}
.panel .behavior {
    position:absolute;
    bottom:0;
    right:0;
    line-height:30px;
    height:30px;
    width:120px;
    font-size:12px;
    background:RGBA(0, 0, 0, 0.4);
    color:white;
    z-index:101;
    text-align:center
}
.panel.selected {
    -webkit-box-shadow:0 0 20px #333;
    box-shadow:0 0 20px #333;
    background:#f2f2f2
}
.panel.selected .state {
    background-color:white
}
.panel.selected .behavior {
    display:none
}
.panel .state {
    position:absolute;
    width:100%;
    height:100%;
    z-index:5;
    -ms-transform:translateX(-110%);
    transform:translateX(-110%);
    -webkit-transform:translateX(-110%);
    background-size:100% auto
}
.panel .state .navigation_bar,.panel .state .nav_bar {
    top:0
}
.panel .state.active {
    z-index:6;
    -ms-transform:translateX(0);
    transform:translateX(0);
    -webkit-transform:translateX(0)
}
.web .widget {
    cursor:default
}
.web input,.web textarea {
    cursor:text
}
.web .clickable,.web .iOS-Switch,.web .Android-Switch,.web .iOS-Check,.web .Android-Check,.web .Android-Radio {
    cursor:pointer
}
.ui-draggable-dragging {
    z-index:10
}
.widget {
    position:absolute
}
.widget.highlight {
    opacity:0.5 !important;
    background-color:RGBA(223, 140, 0, 0.3) !important
}
.widget.tdunderline .text {
    text-decoration:underline
}
.widget.tdoverline .text {
    text-decoration:overline
}
.widget.tdline-through .text {
    text-decoration:line-through
}
.widget .template {
    display:none
}
.spinning {
    -webkit-animation:spinning 2s infinite linear;
    animation:spinning 2s infinite linear
}
.spinning-reverse {
    -webkit-animation:spinning-reverse 2s infinite linear;
    animation:spinning-reverse 2s infinite linear
}
.pg {
    width:40px;
    height:40px;
    background:rgba(245,93,84,0.3);
    z-index:7;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pg i {
    font-size:26px
}
.text_view,.rounded_rect,.circle_rect,.mtooltip {
    background:transparent;
    color:#101010;
    overflow:hidden;
    border-color:#bbb
}
.text_view .text,.rounded_rect .text,.circle_rect .text,.mtooltip .text {
    width:100%;
    white-space:pre-wrap;
    word-break:break-word;
    word-wrap:break-word
}
.text_view .text p,.rounded_rect .text p,.circle_rect .text p,.mtooltip .text p {
    padding:0;
    margin-bottom:5px;
    white-space:pre-wrap
}
.text_view .text p:last-child,.rounded_rect .text p:last-child,.circle_rect .text p:last-child,.mtooltip .text p:last-child {
    margin-bottom:0px
}
.label,.button,.text_view,.rounded_rect,.circle_rect {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.label.hleft,.button.hleft,.text_view.hleft,.rounded_rect.hleft,.circle_rect.hleft {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.label.hcenter,.button.hcenter,.text_view.hcenter,.rounded_rect.hcenter,.circle_rect.hcenter {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.label.hright,.button.hright,.text_view.hright,.rounded_rect.hright,.circle_rect.hright {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.label.vtop,.button.vtop,.text_view.vtop,.rounded_rect.vtop,.circle_rect.vtop {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.label.vmiddle,.button.vmiddle,.text_view.vmiddle,.rounded_rect.vmiddle,.circle_rect.vmiddle {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.label.vbottom,.button.vbottom,.text_view.vbottom,.rounded_rect.vbottom,.circle_rect.vbottom {
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.mtooltip .text {
    position:absolute;
    left:0
}
.mtooltip.vtop .text {
    top:0
}
.mtooltip.vbottom .text {
    bottom:0
}
.mtooltip.vmiddle .text {
    top:50%
}
.label {
    color:#101010;
    overflow:visible;
    background:transparent;
    border-color:#bbb;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    white-space:nowrap
}
.label p {
    white-space:nowrap
}
.label.tdunderline p {
    text-decoration:underline
}
.label.tdoverline p {
    text-decoration:overline
}
.label.tdline-through p {
    text-decoration:line-through
}
.mtooltip {
    overflow:visible;
    background:white;
    border-color:#aaa;
    border-style:solid
}
.mtooltip .arrow,.mtooltip .arrow2 {
    position:absolute;
    background-image:none
}
.mtooltip .arrow.top,.mtooltip .arrow.bottom,.mtooltip .arrow2.top,.mtooltip .arrow2.bottom {
    border-left:10px solid transparent;
    border-right:10px solid transparent
}
.mtooltip .arrow.top,.mtooltip .arrow2.top {
    border-bottom-color:#aaa;
    border-bottom-style:solid
}
.mtooltip .arrow.bottom,.mtooltip .arrow2.bottom {
    bottom:0px;
    border-top-color:#aaa;
    border-top-style:solid
}
.mtooltip .arrow.left,.mtooltip .arrow.right,.mtooltip .arrow2.left,.mtooltip .arrow2.right {
    border-top:10px solid transparent;
    border-bottom:10px solid transparent
}
.mtooltip .arrow.left,.mtooltip .arrow2.left {
    border-right-color:#aaa;
    border-right-style:solid
}
.mtooltip .arrow.right,.mtooltip .arrow2.right {
    right:0;
    border-left-color:#aaa;
    border-left-style:solid
}
.sticky {
    background:#FFFBBA;
    padding:24px 21px;
    line-height:20px;
    -webkit-box-shadow:0px 2px 8px 0px rgba(0,0,0,0.1);
    box-shadow:0px 2px 8px 0px rgba(0,0,0,0.1);
    z-index:10
}
.sticky>div {
    -webkit-user-select:inherit;
    -moz-user-select:inherit;
    -ms-user-select:inherit;
    user-select:inherit
}
.sticky .sawtooth {
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:6px;
    background-size:12px 12px;
    background-repeat:repeat-x;
    background-image:-o-linear-gradient(315deg, #FFFBBA 25%, transparent 25%, transparent 100%),-o-linear-gradient(45deg, transparent 75%, #FFFBBA 75%, #FFFBBA 100%);
    background-image:linear-gradient(135deg, #FFFBBA 25%, transparent 25%, transparent 100%),linear-gradient(45deg, transparent 75%, #FFFBBA 75%, #FFFBBA 100%);
    -webkit-transform:translate3d(0, -0.2px, 0);
    transform:translate3d(0, -0.2px, 0)
}
.sticky .text,.sticky .text * {
    -webkit-user-select:inherit;
    -moz-user-select:inherit;
    -ms-user-select:inherit;
    user-select:inherit
}
.sticky p {
    margin-bottom:5px;
    word-break:break-word;
    word-wrap:break-word
}
.sticky .sideline {
    top:20%;
    position:absolute;
    width:80px;
    height:0;
    overflow:visible;
    border-color:#FFFBBA
}
.sticky .box {
    position:absolute;
    width:36%;
    height:2px;
    border-width:2px 0 0 0;
    border-style:solid;
    border-color:inherit
}
.sticky .line {
    position:absolute;
    width:64%;
    height:2px;
    border-width:2px 0 0 0;
    border-style:solid;
    border-color:inherit
}
.sticky .arrow {
    position:absolute;
    top:-5px;
    width:8px;
    height:8px;
    background:#FFFBBA;
    border-radius:100%;
    cursor:pointer
}
.rsticky .sideline {
    right:100%
}
.rsticky .box {
    right:0;
    border-left-width:2px;
    border-right-width:0
}
.rsticky .line {
    right:calc(36% - 2px)
}
.rsticky .arrow {
    right:100%
}
.lsticky .sideline {
    left:100%
}
.lsticky .box {
    left:0;
    border-right-width:2px;
    border-left-width:0
}
.lsticky .line {
    left:calc(36% - 2px)
}
.lsticky .arrow {
    left:100%
}
.tsticky .box {
    border-bottom-width:2px;
    border-top-width:0
}
.bsticky .box {
    border-top-width:2px;
    border-bottom-width:0
}
.button {
    z-index:5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:white;
    border:1px solid #bbb;
    color:#101010
}
.button .button-wrapper {
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:inherit;
    -ms-flex-pack:inherit;
    justify-content:inherit;
    -webkit-box-align:inherit;
    -ms-flex-align:inherit;
    align-items:inherit
}
.button .button-wrapper .icon {
    margin:0 4px
}
.button .button-wrapper .text {
    white-space:pre
}
.text_field {
    background:white;
    z-index:5;
    color:#888;
    border:1px solid #bbb
}
.text_field span {
    padding:0 8px;
    display:block;
    position:absolute;
    left:0;
    width:100%;
    white-space:pre
}
.text_field.vmiddle span {
    top:50%;
    height:12px;
    margin-top:-5px;
    line-height:12px
}
.text_field.vtop span {
    top:0;
    line-height:100%
}
.text_field.vbottom span {
    bottom:0;
    line-height:100%
}
.mtext_input,.mtextarea {
    z-index:5;
    color:#888;
    border-color:#bbb;
    background:white;
    line-height:100%
}
.mtext_input input,.mtext_input textarea,.mtextarea input,.mtextarea textarea {
    padding:0 8px;
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    font-size:inherit;
    font-weight:inherit;
    font-style:inherit;
    color:inherit;
    border:none;
    border-radius:inherit;
    outline:none;
    background:inherit;
    text-align:inherit;
    line-height:inherit;
    resize:none
}
.mtext_input input::-webkit-input-placeholder,.mtext_input textarea::-webkit-input-placeholder,.mtextarea input::-webkit-input-placeholder,.mtextarea textarea::-webkit-input-placeholder {
    color:inherit;
    font-size:inherit;
    font-weight:inherit;
    font-style:inherit;
    line-height:inherit;
    word-break:break-all
}
.mtext_input {
    line-height:1.4
}
.mtext_input input[type=date],.mtext_input input[type=time],.mtext_input input[type=datetime-local] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-appearance:none
}
.mfile_input input {
    position:absolute;
    line-height:1ex;
    width:100%;
    outline:none;
    height:18px;
    top:50%;
    margin-top:-9px
}
.mradiobutton input,.mcheckbox2 input {
    height:100%
}
.mselect {
    z-index:5;
    color:#888;
    border-color:#bbb;
    border-radius:6px;
    background:white;
    min-height:17px
}
.mselect select {
    padding:0 8px;
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    font-size:inherit;
    color:inherit;
    border:none;
    border-radius:inherit;
    outline:none;
    background:inherit
}
.navigation_bar,.nav_bar {
    font-size:18px;
    height:45px;
    width:100%;
    top:0px;
    left:0;
    background:#f8f8f8;
    color:#101010;
    z-index:4;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid transparent
}
.navigation_bar span,.nav_bar span {
    white-space:nowrap
}
.navigation_bar {
    border-color:#bbb;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
.search_bar {
    z-index:4;
    width:100%;
    height:45px;
    background:#ccc;
    font-size:14px;
    color:#888;
    border-color:#bbb
}
.search_bar:after {
    position:absolute;
    bottom:-1px;
    left:0;
    height:1px;
    width:100%;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:inherit;
    display:block;
    content:" "
}
.search_bar i.fa-search {
    position:absolute;
    top:7px;
    left:20px;
    line-height:32px
}
.search_bar .text_edit {
    position:absolute;
    top:7px;
    left:10px;
    right:10px;
    height:32px;
    border-radius:8px;
    background-color:white
}
.search_bar .text_edit input {
    border:none;
    width:100%;
    height:100%;
    line-height:100%;
    background-color:transparent;
    text-align:inherit;
    padding:0 26px;
    outline:none;
    color:inherit
}
.search_bar .text_edit input::-webkit-input-placeholder {
    color:inherit
}
.search_bar .text_edit input::-moz-placeholder {
    color:inherit
}
.tab_item {
    height:45px;
    z-index:5;
    color:#444;
    font-size:12px
}
.tab_item .wrapper {
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.tab_item .wrapper .text {
    white-space:nowrap;
    margin-top:2px;
    line-height:1
}
.tab_bar {
    z-index:4;
    width:100%;
    height:45px;
    left:0;
    bottom:0;
    background:#f8f8f8;
    border-top:1px solid #bbb
}
.icon_button {
    z-index:5;
    font-size:24px;
    color:#444;
    text-align:center;
    border-color:#bbb;
    border-style:solid
}
.icon_button .icon {
    position:absolute;
    height:12px;
    line-height:12px;
    width:100%;
    text-align:center;
    top:50%;
    margin-top:-5px;
    left:0
}
.image_view {
    z-index:3;
    overflow:hidden;
    color:#BEC2C9;
    border-style:solid
}
.image_view.highlight span,.image_view.highlight .wrapper {
    opacity:0.5
}
.image_view .image-wrapper {
    width:100%;
    height:100%;
    border-radius:inherit;
    -webkit-transition:inherit;
    -o-transition:inherit;
    transition:inherit
}
.image_view span {
    background:#E5E5E5;
    height:100%;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:inherit
}
.image_view span i {
    font-size:26px
}
.image_view .wrapper {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:inherit;
    -webkit-transition:inherit;
    -o-transition:inherit;
    transition:inherit
}
.image_view .wrapper img {
    width:100%;
    border-radius:inherit;
    -webkit-transition:inherit;
    -o-transition:inherit;
    transition:inherit;
    pointer-events:none
}
.rectangle {
    z-index:2;
    border-top:1px solid #bbb;
    background:white;
    border-color:#bbb
}
.rectangle:before {
    position:absolute;
    top:-1px;
    left:-1px;
    bottom:-1px;
    right:-1px;
    border-left-width:1px;
    border-left-style:solid;
    border-right-width:1px;
    border-right-style:solid;
    border-color:inherit;
    display:block;
    content:" "
}
.rectangle:after {
    position:absolute;
    bottom:-1px;
    left:0;
    height:1px;
    width:100%;
    border-top-width:1px;
    border-top-style:solid;
    border-color:inherit;
    display:block;
    content:" "
}
.rounded_rect,.circle_rect {
    background:white
}
.circle_rect {
    border-radius:100%
}
.hr {
    z-index:5;
    background:transparent;
    padding:5px 0;
    border-color:#bbb;
    border-width:0
}
.hr span {
    width:100%;
    height:100%;
    display:block;
    border-top-width:1px;
    border-bottom-width:0;
    border-left-width:0;
    border-right-width:0;
    border-style:inherit;
    border-color:inherit;
    min-height:1px
}
.ve {
    z-index:5;
    background:transparent;
    padding:0 5px;
    border-color:#bbb;
    border-width:0
}
.ve span {
    width:100%;
    height:100%;
    display:block;
    border-left-width:1px;
    border-bottom-width:0;
    border-top-width:0;
    border-right-width:0;
    border-style:inherit;
    border-color:inherit;
    min-width:1px
}
.map_view {
    z-index:2;
    border-top:1px solid #bbb;
    overflow:hidden
}
.map_view:after {
    position:absolute;
    bottom:-1px;
    left:0;
    height:1px;
    width:100%;
    border-top:1px solid #bbb;
    display:block;
    content:" "
}
.map_view .image {
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
    background:#eeece4
}
.map_view img {
    width:1280px;
    height:800px;
    pointer-events:none
}
.switch {
    width:50px;
    height:30px
}
.iOS-Switch,.Android-Switch,.iOS-Check,.Android-Check,.Android-Radio {
    position:relative;
    display:block;
    opacity:1;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    font-size:100px;
    cursor:inherit
}
.iOS-Switch input,.Android-Switch input,.iOS-Check input,.Android-Check input,.Android-Radio input {
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    cursor:inherit
}
.iOS-Switch .CheckState,.Android-Switch .CheckState,.iOS-Check .CheckState,.Android-Check .CheckState,.Android-Radio .CheckState {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%;
    color:transparent;
    background-color:#fff
}
.iOS-Switch svg,.Android-Switch svg,.iOS-Check svg,.Android-Check svg,.Android-Radio svg {
    display:block;
    -webkit-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
    stroke:currentColor;
    fill:none
}
.iOS-Switch input:checked+.CheckState,.Android-Switch input:checked+.CheckState,.iOS-Check input:checked+.CheckState,.Android-Check input:checked+.CheckState,.Android-Radio input:checked+.CheckState {
    color:#fff
}
.iOS-Switch input:checked+.CheckState svg,.Android-Switch input:checked+.CheckState svg,.iOS-Check input:checked+.CheckState svg,.Android-Check input:checked+.CheckState svg,.Android-Radio input:checked+.CheckState svg {
    opacity:1
}
.iOS-Switch input:not(:checked)+.CheckState svg,.Android-Switch input:not(:checked)+.CheckState svg,.iOS-Check input:not(:checked)+.CheckState svg,.Android-Check input:not(:checked)+.CheckState svg,.Android-Radio input:not(:checked)+.CheckState svg {
    opacity:0
}
.iOS-Switch {
    z-index:5
}
.iOS-Switch:not(div) .CheckState {
    -webkit-transition:0.25s ease-in-out;
    -o-transition:0.25s ease-in-out;
    transition:0.25s ease-in-out;
    -webkit-transition-property:background border;
    -o-transition-property:background border;
    transition-property:background border
}
.iOS-Switch .CheckState {
    text-align:center;
    border-radius:30%/50%;
    padding-right:40%;
    color:#333;
    background-color:#F0F0F2;
    border:1px solid #bbb
}
.iOS-Switch .CheckState:after {
    content:"";
    position:absolute;
    left:4%;
    top:50%;
    display:block;
    margin:0;
    padding:0;
    width:52%;
    padding-bottom:52%;
    background-color:#fff;
    border-radius:100%;
    -webkit-box-shadow:-1px 2px 4px #aaa;
    box-shadow:-1px 2px 4px #aaa;
    -webkit-transition:-webkit-transform 0.25s ease-in-out;
    transition:-webkit-transform 0.25s ease-in-out;
    -o-transition:transform 0.25s ease-in-out;
    transition:transform 0.25s ease-in-out;
    transition:transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%)
}
.iOS-Switch input:checked+.CheckState {
    background-color:#00e266;
    border-color:transparent
}
.iOS-Switch input:checked+.CheckState:after {
    -webkit-transform:translate(77%, -50%);
    -ms-transform:translate(77%, -50%);
    transform:translate(77%, -50%)
}
.Android-Switch {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.Android-Switch .CheckState {
    position:relative;
    height:70%;
    background-color:#a7a5a6;
    border-radius:18%/50%;
    -webkit-transition:background 0.25s ease-in-out;
    -o-transition:background 0.25s ease-in-out;
    transition:background 0.25s ease-in-out
}
.Android-Switch .CheckState:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    display:block;
    width:54.5%;
    padding-bottom:54.5%;
    background-color:#efefef;
    border-radius:50%;
    -webkit-box-shadow:0 0 1px 0 rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.24);
    box-shadow:0 0 1px 0 rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.24);
    -webkit-transition:-webkit-transform 0.25s ease-in-out;
    transition:-webkit-transform 0.25s ease-in-out;
    -o-transition:transform 0.25s ease-in-out;
    transition:transform 0.25s ease-in-out;
    transition:transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%)
}
.Android-Switch input:checked+.CheckState {
    background-color:rgba(86,119,252,0.5)
}
.Android-Switch input:checked+.CheckState:after {
    background-color:#5677FC;
    -webkit-transform:translate(85%, -50%);
    -ms-transform:translate(85%, -50%);
    transform:translate(85%, -50%)
}
.iOS-Check svg {
    width:55%;
    height:36%
}
.iOS-Check .CheckState {
    border:1px solid #C7C7CD;
    border-radius:50%
}
.iOS-Check input:checked+.CheckState {
    background-color:#0076FF;
    border-color:transparent
}
.Android-Check svg {
    width:78%;
    height:56%;
    fill:currentColor;
    stroke:none
}
.Android-Check .CheckState {
    border:2px solid #ccc;
    border-radius:11%
}
.Android-Check input:checked+.CheckState {
    background-color:#5677FC;
    border-color:transparent
}
.Android-Radio .CheckState {
    padding:15%;
    background-color:transparent;
    background-clip:content-box;
    border:2px solid #ccc;
    border-radius:50%
}
.Android-Radio input:checked+.CheckState {
    background-color:#5677FC;
    border-color:#5677FC
}
.keyboard,.iphone_keyboard,.ipad_keyboard,.android_keyboard {
    z-index:3;
    bottom:0;
    width:100%
}
.keyboard .keyboard-img,.iphone_keyboard .keyboard-img,.ipad_keyboard .keyboard-img,.android_keyboard .keyboard-img {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%
}
.status_bar {
    z-index:3;
    height:20px;
    background:#f8f8f8;
    color:#101010;
    left:0;
    top:0;
    width:100%;
    border-color:#bbb
}
.status_bar.light {
    background-color:#555
}
.status_bar>div {
    border-color:inherit
}
.status_bar .signal,.status_bar .time,.status_bar .battery,.status_bar .carrier,.status_bar .wifi {
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.status_bar .wifi {
    display:none
}
.status_bar .signal {
    position:absolute;
    color:#101010
}
.status_bar .signal .ball {
    margin-right:1px;
    background:currentColor
}
.status_bar .carrier {
    position:absolute;
    left:45px;
    height:12px;
    line-height:12px;
    font-size:12px
}
.status_bar .time {
    position:absolute;
    left:50%;
    width:60px;
    margin-left:-30px;
    line-height:12px;
    font-size:12px;
    text-align:center
}
.status_bar .battery {
    position:absolute;
    right:6px;
    width:24px;
    height:10px
}
.status_bar .battery .body {
    position:absolute;
    top:0px;
    right:3px;
    width:20px;
    height:10px;
    display:block;
    border-radius:2px;
    border:1px solid #101010
}
.status_bar .battery .body .inner {
    position:absolute;
    top:1px;
    right:1px;
    bottom:1px;
    left:1px;
    background:#101010
}
.status_bar .battery .head {
    position:absolute;
    top:2px;
    right:0px;
    height:6px;
    width:2px;
    display:block;
    background:#101010;
    border-radius:0 2px 2px 0
}
.ios_status_bar,.iphone_x_status_bar,.android_status_bar {
    width:100%;
    background:#f8f8f8;
    color:#101010
}
.ios_status_bar svg,.iphone_x_status_bar svg,.android_status_bar svg {
    height:12px;
    fill:currentColor
}
.ios_status_bar .StatusBarTime,.ios_status_bar .StatusBarSignal,.ios_status_bar .StatusBarWifi,.ios_status_bar .StatusBarBattery,.iphone_x_status_bar .StatusBarTime,.iphone_x_status_bar .StatusBarSignal,.iphone_x_status_bar .StatusBarWifi,.iphone_x_status_bar .StatusBarBattery,.android_status_bar .StatusBarTime,.android_status_bar .StatusBarSignal,.android_status_bar .StatusBarWifi,.android_status_bar .StatusBarBattery {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
.ios_status_bar {
    height:20px
}
.iphone_x_status_bar {
    height:44px
}
.android_status_bar {
    height:23px;
    background-color:#555;
    color:#fff
}
.iOS-StatusBar {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 0.5em;
    width:100%;
    height:100%
}
.iOS-StatusBar .StatusBarSignal {
    margin-right:0.25em
}
.iOS-StatusBar .StatusBarWifi {
    margin-left:0.25em;
    margin-right:auto
}
.iOS-StatusBar .StatusBarBattery {
    margin-left:auto
}
.iOS-StatusBar .StatusBarTime {
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.iPhoneX-StatusBar {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:100%;
    padding:0 14px
}
.iPhoneX-StatusBar .StatusBarTime {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:auto;
    margin-left:7px;
    width:54px;
    font-size:14px;
    font-weight:600
}
.iPhoneX-StatusBar .StatusBarSignal {
    margin-left:auto
}
.iPhoneX-StatusBar .StatusBarSignal,.iPhoneX-StatusBar .StatusBarWifi {
    margin-right:0.4em
}
.Android-StatusBar {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding:0 10px;
    height:100%;
    font-size:16px
}
.Android-StatusBar .StatusBarBattery {
    font-size:18px
}
.Android-StatusBar .StatusBarTime {
    font-size:13px
}
.lr {
    background:#03e59b;
    opacity:0.3
}
.webpage {
    background:white
}
.webpage .webpage-wrapper {
    width:100%;
    height:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.webpage .webpage-wrapper::-webkit-scrollbar {
    width:0;
    height:0
}
.webpage span {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
    line-height:30px !important;
    margin:10px;
    text-align:center;
    text-shadow:0 0 10px rgba(0,0,0,0.31)
}
.webpage .notice {
    position:absolute;
    top:60px;
    text-align:left;
    color:red;
    left:0;
    width:100%;
    line-height:22px
}
.webpage .iframe {
    width:100%;
    height:100%;
    border:none
}
.triangleb,.triangletl {
    color:#e5e5e5
}
.triangleb svg,.triangletl svg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    fill:currentColor
}
.mac .iphone,.mac .ipad {
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Pingfang SC", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif
}
.mac .android {
    font-family:Roboto, Arial, "Noto Sans CJK SC", "Noto Sans CJK TC", "Pingfang SC", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif
}
.mac .web {
    font-family:Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Pingfang SC", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif
}
.windows .iphone,.windows .ipad,.other-os .iphone,.other-os .ipad {
    font-family:BlinkMacSystemFont, "Helvetica Neue", Arial, "Microsoft Yahei", "WenQuanYi Micro Hei", "Pingfang SC", sans-serif
}
.windows .android,.other-os .android {
    font-family:Roboto, Arial, "Noto Sans CJK SC", "Noto Sans CJK TC", "Microsoft Yahei", "WenQuanYi Micro Hei", "Pingfang SC", sans-serif
}
.windows .web,.other-os .web {
    font-family:Roboto, BlinkMacSystemFont, "Helvetica Neue", Arial, "Microsoft Yahei", "WenQuanYi Micro Hei", "Pingfang SC", sans-serif
}
* {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
input,textarea,.sticky {
    -webkit-touch-callout:text;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text
}
#workspace {
    display:none;
    overflow:hidden;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%
}
